<template>
	<view class="content">
		<view class="work_type" @tap="practise(4)">
			<image src="../../static/image/preview.png" mode=""></image>
			<text>预习内容</text>
		</view>
		<view class="work_type" @tap="practise(2)">
			<image src="../../static/image/before.png" mode=""></image>
			<text>课前练习</text>
		</view>
		<view class="work_type" @tap="practise(1)">
			<image src="../../static/image/practise.png" mode=""></image>
			<text>随堂练习</text>
		</view>
		<view class="work_type" @tap="practise(3)">
			<image src="../../static/image/after.png" mode=""></image>
			<text>课后作业</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				groupid: ''
			};
		},
		onLoad(e) {
			this.groupid = e.groupid;
		},
		methods: {
			practise(type) {
				var groupid = this.groupid;
				uni.navigateTo({
					url: 'practise_task?groupid='+groupid+'&is_exam_type=1&type='+type
				});
			}
		}
	}
</script>

<style>
	.content{
		margin: 0 30upx;
	}
	.work_type{
		height: 168upx;
		margin-top: 30upx;
	}
	.work_type image{
		width: 690upx;
		height: 168upx;
		position: absolute;
	}
	.work_type text{
		font-size: 46upx;
		font-weight: Medium;
		color: #FFFFFF;
		position: relative;
		top: 38upx;
		left: 70upx;
	}
</style>
